.height100 { height: 100%; }
.width100 { width: 100%; }

.pointer { cursor: pointer; }

.space-top { margin-top: 20px; }
.space-bottom { margin-bottom: 20px; }
.space-left { margin-left: 20px; }
.space-right { margin-right: 20px; }

.col { display: flex; }
.row { display: flex; flex-direction: row; }

.col-center { align-items: center; }
.col-bottom { align-items: flex-end; }

.box-center { display: flex; align-items: center; justify-content: center; }

.flex1 { flex: 1; min-width: 0; }

.point { position: relative; }
.point-bottom { position: absolute; bottom: 0; left: 0; right: 0; }
.point-right { position: absolute; right: 0; }

.card {
  border-radius: 6px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px #cccccc65;
}

.card-title {
  margin-top: 5px;
  margin-bottom: 20px;
}

.card-title-text {
  font-size: 20px;
  font-weight: 600;
  color: #162d4f;
  line-height: 1;
}

.card-title-subtitle {
  margin-left: 27px;
}

.card-title-subtitle-more {
  margin-left: 27px;
  font-size: 12px;
  color: #0053cc;
  line-height: 1.2;
}
